<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>RESTful</title>
    <link href="//cdn.bootcss.com/layer/2.4/skin/layer.min.css" rel="stylesheet">
    <link rel="stylesheet" href="index.css">
    <script src="//cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="//cdn.bootcss.com/layer/2.4/layer.min.js"></script>
</head>
<body>
<div id="toolbarDiv">
    <input id="orderCode" placeholder="请输入订单号">
    <button class="btn btn-primary" onclick="addRow()">新增行</button>
    <button class="btn btn-primary">查询</button>
</div>
<div class="container">
    <table id="qhTable" class="table table-bordered table-responsive table-striped table-hover"
           data-url="data.json"
           data-search="false"   data-toolbar="#toolbarDiv"
           data-query-params="myQueryParams"
           data-show-refresh="true"
           data-show-toggle="true"
           data-show-columns="true"
           data-show-export="false"
           data-detail-view="true"
           data-detail-formatter="detailFormatter"
           data-minimum-count-columns="2"
           data-show-pagination-switch="true"
           data-pagination="true"
           data-id-field="id"
           data-page-list="[10, 25, 50, 100, ALL]"
           data-show-footer="true"
           data-side-pagination="server"
           data-response-handler="responseHandler"
    >
        <thead>
        <th  data-field="xxx" data-checkbox="true"><input type="checkbox"></th>
        <th  data-field="index"  >序号</th>
        <th data-field="commodityNum" data-align='center'
            data-valign="middle" data-sortable="true">订单号
        </th>
        <th data-field="commodityAttr" data-align='center'
            data-valign="middle">项目名称
        </th>

        <th data-field="unitPrice" data-align='center'
            data-valign="middle" data-sortable="false" data-formatter="totalFormatter">总量
        </th>
        <th data-field="unit" data-align='center'
            data-valign="middle" data-sortable="true">用户名
        </th>
        <th data-field="purchasingQua" data-align='center'
            data-valign="middle" data-sortable="true">数据来源
        </th>
        <th data-field="alreadyArri" data-align='center' rowEditFmt=""
            data-valign="middle" data-sortable="true">创建时间
        </th>
        <th data-field="goodsAfloat" data-align='center'
            data-valign="middle" data-sortable="true" data-formatter="myFormatter">操作
        </th>
        </thead>
    </table>
</div>

<script src="//cdn.bootcss.com/bootstrap-table/1.11.0/bootstrap-table.min.js"></script>
<script src="//cdn.bootcss.com/bootstrap-table/1.11.0/locale/bootstrap-table-zh-CN.min.js" charset="utf-8"></script>
<script src="index.js"></script>
</body>
</html>